前端analysis | What,Why,Who,When,Where,How

《angular11》 - angular组件样式

2021-08-09

angular样式,如何封装独立的?

样式文件独立存在,采用styleUrl形式引入

  • 一个组件标签,编译后,对应一个host
  • 对应的html中元素,对应content部分。此时css文件中定义的样式,对应content部分。
  • 要修改host样式,需采用:host {}
  • 要修改其他组件标签的样式?
    • 通过js 操作

上述的angular样式封装,依据是什么?

angular样式文件的应用,依赖于css属性选择器。div[attr],具有attr属性的元素div。
正是基于此处,angular才能把css样式文件独立开来。

为何angular也不推荐使用双向数据绑定那?

目前了解的是,推荐使用formControl,formControlName,替代ngModel

使用支付宝打赏
使用微信打赏

若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏